<template>
	<view class="rectificationContent">
		<commonNavBar title="消息列表"  ></commonNavBar>   
		<view class="content" v-for=" (info ,index) in  chatInfoList " >
			<text class="info-text" v-html="info"></text>
		</view>
	</view>
</template>

<script>
	import commonNavBar from '@/components/CommonNavBar.vue';
	
	export default {
		components:{
			commonNavBar
		},
		data() {
			return {
				chatInfoList : []
			}
		},
		onLoad() {
			const that = this;
			const eventChannel = this.getOpenerEventChannel();
			 eventChannel.on('updatePageData', function(data) {
			      console.log('updatePageData', data)
				  that.chatInfoList = data.data
			})
		},
		methods: {
			goBack:function(){
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="scss">
.rectificationContent {
		background: #F9F9F9;
		height: calc(100vh - 195rpx);
		width: 750rpx;
		
		.upper {
			position: fixed;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;

			.title {
				background: url('/static/img/inspectBg.png');
				background-size: cover;
				width: 100%;
				height: 115rpx;
				line-height: 115rpx;
				position: relative;
				display: flex;
				justify-content: center;

				.arrow {
					position: absolute;
					left: 33rpx;
					top: 50%;
					transform: translate(0%, -50%);
					width: 100rpx;
					height: 100rpx;
					 
					&::before {
						display: block;
						content: "";
						position: absolute;
						top: 50%;
						left: 0%;
						width: 20rpx;
						height: 20rpx;
						border-left: 1px solid #fff;
						border-top: 1px solid #fff;
						transform: translate(0%, -50%) rotate(-45deg);
					}
				}

				text {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					letter-spacing: 1px;
					width: 600rpx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
}
.content{
	width: 650rpx;
	padding: 130rpx 14px 0px 14px;

}
.info-text{
	color: #000;
	font-size: 24rpx;
	white-space: pre-wrap;
	word-wrap: break-word;
}
</style>
